import { useEffect } from 'react';
import './style.less';

function Test() {
  useEffect(() => {
    const el: any = document.querySelector('.trigger');
    el.style.setProperty('--max-height', `${50}px`);
  }, []);

  return (
    <div className="trigger">
      Hover me to see a height transition.
      <div className="el">Additional content</div>
    </div>
  );
}

export default Test;
